<template>
  <div>
    <h1>Index</h1>
    <button @click="$router.push('/detail/115')">去detail</button>
    <br />
    <button @click="$router.push('/goods?id=199')">去goods</button>
    <br />
    <button @click="transfer">去list</button>
  </div>
</template>

<script>
export default {
  methods: {
    transfer() {
      this.$router.push({
        // 注意 params传递数据的时候， 只能写 name 属性来进行跳转，不能写path
        name: "List", // 这个是一个命名的路由
        params: {
          id: 999,
          name: "狗蛋",
          obj: {
            a: 10,
            b: 20,
          },
        },
      });
    },
  },
};
</script>
